
---------------------review-----------------------


DOM：文档对象模型
    html——>Node——>document/element/comment/text 

    Node :nodeType / nodeName / childNodes / ... 
    操作节点的方法
        1.cloneNode(true/false) dom对象
        2.appendChild
        3.insertChild
        4.replaceChild
        5.removeChild

        document :

        body 
        forms
        link 
        images

        getElementById()
        getElementByTagName()
        getElementsByName()
        getElementsByClassName()
        ... 

        createElement
        createAttribute

        element:

        id / style / title / className 
        src / atr / input:value 
        
        getAttribute()
        setAttribute()
        removeAttribute()

        firstElementChild
        ... 
        children

        innerHTML
        textContent

    事件
        1.事件：html和js产生交互
        2.事件三要素
            事件目标
            事件处理程序
            事件对象
        3.事件流
            事件捕获：从外向内
            事件冒泡：从内向外
            先捕获再冒泡
        4.事件绑定和解绑
            DOM0级事件：
                优点：兼容性好
                缺点：不能同时对一个对象绑定多个相同事件类型的事件
            dom.ontype=function(){}
            dom.ontype=null
            DOM2级事件
                dom.addEventListener(事件类型，事件处理程序，执行阶段)    默认在冒泡执行（false）
                dom.removeEventListener(事件类型，事件处理程序，执行程序)

---------------------review-----------------------



1.事件对象（四个属性 两个方法）
    target：事件目标  始终指向你点击或者触发的元素
    currentTarget：事件目标 指向当前正在指向事件的元素
    this：和currentTarget一致 指向在当前执行
    type：事件类型 返回字符串类型的事件类型

    stopPropagation() function
    阻止事件进一步的捕获和冒泡
    preventDefault() function
    取消事件的默认行为
2.事件类型


3.事件代理

    问题：添加的一行没有事件绑定
    方法：将事件绑定给子元素的事件绑定给直接父元素

4.闭包
    特点

    1.函数内部的函数
    2.函数内部可以引用函数外部的变量
    3.闭包使用的变量和参数不会被垃圾回收机制销毁

5.BOM
    浏览器对象模型

    window.location.href
    window.location.hostname
    window.location.pathname
    方法
    window.location.assign("http://www.baidu.com")
    页面跳转
    <!-- location.assign("http://www.baidu.com") -->
    <!-- window.open("http://www.baidu.com"/ 打开方式/ 打开宽高) -->

    history对象：
    length 保存打开页面的个数
    back() 回退一个页面
    forward() 前进一个页面
    go(num) 进去到num页面


    三个弹框
    alter() 提示    
        没有返回值
    prompt() 提示输入
        取消 返回值为null
        确定 返回值为字符串的输入内容
    confirm() 确认框
        返回值 确认true/ 取消false 


    超时调用和间歇调用

    超时调用
        超过时间只调用一次
        var id=setTimeout(handler,time);
        time:ms 
        
        clearTimeout(id):取消超市调用

    间歇调用 
        var id= setInterval(handler,time);
        clearInterval(id) 取消间歇调用
        
        左上偏移量
        offsetLeft:
        offsetTop:

    超时模拟间歇


6.ajax

    1.实例化
    2.指定请求
    3.设置请求头
    4.发送数据
    5.取得相应